<template>
  <!-- <el-dialog title="网站提示" :visible.sync="dialogVisible"> </el-dialog> -->
  <div v-show="dialogVisible" class="poup-container" @click="hide">
    <div class="bg">
      <el-image :src="require('@/assets/images/tip.png')" fit="contain">
      </el-image>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
    }
  },
  methods: {
    hide() {
      this.dialogVisible = false
    },
    show() {
      this.dialogVisible = true
    },
  },
}
</script>

<style lang="scss" scoped>
.poup-container {
  background-color: rgba(0, 0, 0, 0.459);
  @apply fixed top-0 left-0 z-50 flex justify-center  w-full h-full pt-40  cursor-pointer;
  .bg {
    width: 712px;
    height: 474px;

    .el-image {
      width: 100%;
      height: 100%;
    }
  }
}
</style>
